<template>
  <div class="detail">
   sfffff
  </div>
</template>

<script>
export default {
  data() {
    return {
      children : 0
    }

  },
beforeCreate() {
    console.log('children beforeCreate')
  },
  created() {
    this.children = 1
    console.log('children created')
  },
  beforeMount() {
    this.children = 2
    console.log('children beforeMount')
  },
  mounted() {
    this.children = 3
    console.log('children mounted')
  },
  beforeUpdate() {
    // this.children = 4
    console.log('children beforeUpdate')
  }
  ,
  updated() {
    // this.children = 5
    console.log('children updated')
  }
  ,beforeDestroy() {
    // this.children = 6
    console.log('children beforeDestroy')
  }
  ,destroyed() {
    // this.children = 7
    console.log('children destroyed')
  }

}
</script>

<style lang="less" scoped>

</style>